Vue.component("hander",{
    template:`
<div>
    <div class="width980 margin harder-box">
        <div class="hander-logo"></div>
        <a href="#" class="hander-zixun">资讯</a>
        <div class="hander-city">
            <span>{{asg1}}</span>
            <div class="hander-xia"></div>
            <div class="box">
                <ul class="hander-country">
                    <li v-for="(item,index) in arr" @click="fu(index)"><a href="#">{{item}}</a></li>
                </ul>
            </div>
        </div>
        <ul class="hander-code">
            <li>
                <a href="#">
                    <i class="hander-drop"></i>
                    <span>手机官网 </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="hander-drop1"></i>
                    <span>爱智康服务号 </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="hander-drop2"></i>
                    <span>官方APP</span>
                </a>
            </li>
        </ul>
        <h5>
            <i class="hander-dianhua"></i>
            课程咨询: 4000-121-121
        </h5>
    </div>
    <div class="daohang-box ">
        <ul class="daohang-ul">
            <li v-bind:class="{active:index===0}" v-for="(item,index) in crr">{{item}}</li>
        </ul>
    </div>
    </div>
    
    `,
    data(){
      return {
          asg1:this.asg
      }
    },
    props:['asg','arr','crr'],
    methods:{
        fu(i){
            this.asg1 = this.arr[i]
        }
    }
})
